<template>
  <div class="login-container">
    <div class="login" v-bind:title="bindmsg">
      <el-row>
        <el-col :span="24" class="login-img">
          <img src="../../assets/images/logo.png" alt="企服通" />
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="16" class="login-img1">
          <img src="../../assets/images/bg_home.png" alt="背景图" />
        </el-col>
        <el-col :span="6" class="login-con">
          <LoginPass></LoginPass>
        </el-col>
      </el-row>
    </div>
    <p class="p_bottom">
      联系客服：
      <img src="../../assets/images/phone.png" alt="QQ" />
      3363849099
      <img src="@/assets/images/phone.png" alt="电话" />
      4006600961
    </p>
    <p class="p_bottom1">证联支付有限责任公司版权所有 2018 粤ICP备 16005067号-1 2018</p>
  </div>
</template>


<script>
import LoginPass from "./LoginPass.vue";
import { constants } from "crypto";

export default {
  name: "login",

  data() {
      return{
         bindmsg:"这是提示信息",
      }
  },
  components: {
    LoginPass
  }
};
</script>


<style  rel="stylesheet/scss"  lang="scss" >
.login-container {
 
  display: flex;
  overflow: hidden;
   background-color:  #b3eaff;
   align-items:centitleter;

padding:0px;
margin:0px;
// position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:hidden;

position:relative
}
  // .login-container::before {
  //   z-index: -999;
  //   content: "";
  //   position: absolute;
  //   left: 0;
  //   top: 0;
  //   width: 100%;
  //   height: 100%;
  //  // background-color:  #b3eaff;
  //   background-size: cover;
  // }
.login {
  width: 100%;
  height: 100%;
  margin: 60px 120px  60px 120px;
  background-color: #ffffff;
  border-radius: 10px;
// position:absolute;
// bottom: 60px;
// top:60px;
// left:60px;
// right: 60px;

 
  // .login-img {
  //   img {
  //     margin-top: 48px;
  //     margin-left: 56px;
  //   }
  // }
  // .login-img1 {
  
  //   padding-top: 53px;
  //   img {
  //     align-content: flex-start;
  //     padding: 0px 150px;
  //   }
  // }
  // .login-con {
  // }
  
}
.p_bottom1 {
  position: fixed;
  bottom: 110px;
  text-align: center;
  width: 100%;
  color: #597ef7;
  font-size: 12px;
 
}
.p_bottom {
  position: fixed;
  bottom: 30px;
  text-align: center;
  width: 100%;
}
</style>